.case-list {
    margin: 20rpx;
    position: relative;

    .float {
        position: absolute;
        top: 10px;
        left: 10px;
        z-index: 99;
        display: flex;
        color: #fff;
        .sub1 {
            background-color: #5cb85c;
            margin-right: 10rpx;
            padding: 6rpx 20rpx;
            border-radius: 20px;
        }
        .sub2 {
            background-color: #5cb85c;
            padding: 6rpx 20rpx;
            border-radius: 20px;
        }
		.sub3 {
		    background-color: #d9534f;
		    margin-right: 10rpx;
		    padding: 6rpx 20rpx;
		    border-radius: 20px;
		}
    }

    .case-item {
      position: relative;
      width: 100%;
      height: 420rpx;
      border-radius: 12rpx;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;

      &::before {
        z-index: -1;
      }

      &::after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: inherit;
        background: linear-gradient(
          0deg,
          rgba(0, 0, 0, 0.3) 0%,
          rgba(0, 0, 0, 0) 40%,
          rgba(0, 0, 0, 0) 100%
        );
        z-index: 1;
      }

      & + .case-item {
        margin-top: 40rpx;
      }

      .title {
        color: var(--tn-color-white);
        font-size: 34rpx;
        position: absolute;
        left: 30rpx;
        bottom: 30rpx;
        z-index: 2;
      }
    }
  }

  .menu {
    margin-left: 10px;
    margin-right: 10px;
    background-color: #fa870a;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15rpx;
  }

  .tn-p-lg {
    position: relative;
    width: 100%;
    .btns {
        position: sticky;
        height: 66px;
        display: flex;
        align-items: center;
        justify-content: center;
        bottom: 0;
        width: 100%;
        .btn1 {
            border: 1rpx solid #00d886;
            height: 44px;
            width: 200rpx;
            margin-right: 20px;
            text-align: center;
            line-height: 44px;
            border-radius: 150px;
        }
        .btn2 {
            flex: 1;
            background-color: #ff493b;
            color: #fff;
            height: 44px;
            text-align: center;
            line-height: 44px;
            border-radius: 150px;
        }
    }
  }